<mdc-drawer drawer="modal" class="drawer mdc-top-app-bar--dense-fixed-adjust">
  <mdc-drawer-header>
    <h3 mdcDrawerTitle>配置</h3>
  </mdc-drawer-header>
  <mdc-drawer-content class="drawer-content" perfectScrollbar>
    <ng-container #configPanel></ng-container>
  </mdc-drawer-content>
  <div class="drawer-options">
    <button mdc-button primary (click)="saveControlChanges()">保存</button>
    <button mdc-button primary (click)="closeDrawer()">取消</button>
  </div>
</mdc-drawer>
<mdc-drawer-app-content class="drawer-app-content">
  <div class="gridster-toolbar" perfectScrollbar>
    <button mdcIconButton  *ngFor="let formControl of formControls" title="{{ formControl.label }}" 
    draggable="true" (dragstart)="dragStart($event, formControl)">
      <mdc-icon>{{ formControl.icon }}</mdc-icon>
    </button>
  </div>
  <div class="gridster-wrapper">
    <app-dashboard-main [type]="dashboardType" [dragging]="dragging" [completeConfigured]="completeConfigured" [items]="items" 
    (itemsChange)="itemsChange($event)"></app-dashboard-main>
  </div>
</mdc-drawer-app-content>